@charset "utf-8";
/* 
	2020 07 17
	健康科普
 */
input[type="search"]{-webkit-appearance:none;} 
input::-webkit-search-cancel-button {display: none;}
.head-search-wrap{position: fixed;top: .24rem;right: .96rem;left: 1.92rem; height: 1.28rem;overflow: hidden;display: none;}
.head-search-btn{position: absolute;top: .32rem;right: .96rem; width: .96rem;height: .96rem; background-position: center -14rem;}
.head-search-pop{position: absolute;top: 0;right: 0;bottom: 0;left: 0; width: 100%; background: #F5F8FA;border-radius: 1.6rem;}
.search-btn{font-size: .64rem;color: #0071D1;line-height: .8rem;padding: 0 .64rem;border-left: .04rem solid #E0E0E0;}
.cancel-btn{display: none; font-size: .64rem;color: #666;line-height: .8rem;padding: 0 .64rem;border-left: .04rem solid #E0E0E0;}
.header-icon-search{ width: .64rem;height: .64rem; background-position: center -15rem; margin: 0 .16rem 0 .8rem;}
.search input{display: block;height: 1.28rem; width: 100%;font-size: .56rem;color: #333;}
.clear-val{width: .64rem;height: .64rem; background-position: center -17rem;margin-right: .4rem;display: none;}
/* 下拉 */
.suggest-div {position: fixed; z-index: 300; top: 1.76rem; right: 0; left: 0;bottom: 0; border: 0; visibility: visible;}
.header-mask{position: absolute;top: 0;left: 0;bottom: 0;right: 0; background: rgba(46,49,51,.5); }
.suggest-panel{position: absolute;top: 0;left: 0;right: 0; background: #fff; max-height: 90%; overflow-y: scroll; height: 11.68rem;}
.suggest-name{ padding: .6rem .96rem;font-size: .56rem;color: #0071D1;}
.suggest-name em{font-style: normal;}
.suggest-content{ border-top: .04rem solid #E0E0E0; padding: 0 0 0 .96rem;}
.sug {position: relative; font-size: .56rem;color: #333; word-break: break-all; text-align: left; -webkit-tap-highlight-color: rgba(0,0,0,0); position: relative; padding-left: .96rem;}
.sug:last-child{border-bottom: 0;}
.suggest-div button {display: block; border: 0; width: 100%; height:1.92rem; background: none transparent; -webkit-appearance: none; margin: 0;font-size: .56rem;color: #333; font-weight: 700; line-height: 38px; position: relative; text-align: left; -webkit-box-sizing: border-box; font-weight: 400; z-index: 3;overflow: hidden;border-bottom: .04rem solid #E0E0E0;}
.sug-searchicon {
    position: absolute; top:50%; width: .64rem; height: .64rem; box-sizing: content-box;z-index: 2; left: 0; margin-top: -.32rem;
    background-position: center -15rem;
}
.suggest-div button em{font-weight: normal;font-style: normal;color: #0071D1;}
/* nav */
.my-list-nav{height: 1.92rem;border-bottom: .04rem solid #E0E0E0;}
.my-list-nav .nav-li,.my-list-nav .nav-li a{font-size: .56rem;color: #333;line-height: 1.36rem;}
.my-list-nav .nav-li a{display: inline-block;position: relative;}
.my-list-nav .nav-li.curr a{color: #0071D1;font-weight: bold;}
.my-list-nav .nav-li.curr a:after{content: ''; position: absolute; left: 50%; right: 0; bottom: 0; height: .08rem; background: #0071D1; border-radius: .08rem; width: .8rem; margin-left: -.4rem;}

.my-list-con{padding: 0 .64rem .6rem;}
.search-ok-tips{background: #F5F8FA;padding: 0 .64rem;line-height: 1.28rem;font-size: .56rem;color: #0071D1;}
/* list */
.re-li{padding: .8rem 0;border-top: .04rem solid #E0E0E0;}
.re-li:first-child{border-top: 0;}
.re-li .li-title{font-size: .72rem;color: #222;line-height: .96rem;margin-bottom: .16rem;font-weight: bold;}
.re-li .li-text{font-size: .56rem;color: #666;line-height: .8rem;font-weight: normal;}
.re-li .li-info{font-size: .48rem;color: #999;line-height: 1.4;font-weight: normal;}
.li-voice .li-text{margin-bottom: .32rem;}
.li-article .li-text{margin-bottom: .48rem;}
.li-ask .li-text{position: relative; background: #F5F8FA; padding: .24rem .48rem;border-radius: .32rem;margin: .16rem 0 .48rem;}
.li-ask .li-text:after{
	content: ' ';position: absolute;top: -.16rem;left: 1.12rem; width: .32rem;height: .32rem;background: #F5F8FA;-webkit-transform:rotate(45deg); transform:rotate(45deg);
}
.li-ask .icon-ask{width: .72rem;height: .92rem;background-position: center -18rem;margin-right: .16rem;}
.li-voice-wrap{margin-bottom: .64rem;}
.li-voice-wrap .doc-pic{border-radius: 50%;overflow:hidden;margin-right: .32rem;}
.li-voice-wrap .doc-pic,.li-voice-wrap .doc-pic img{width: 1.28rem;height: 1.28rem;}
.li-voice-wrap .li-voice-bar{width: 6.4rem;height: 1.28rem;border-radius: 1.28rem;background: rgba(0,137,228,.5);padding: 0 .64rem 0 .4rem;font-size: .48rem;color: #fff;}

/* comment */
.comment-pic{
	width: 1.6rem;height: 1.6rem;margin-right: .32rem;border-radius: 50%;
	background-image: url('../../../images/youlai/patient/icon/comment_pic.png');
	background-size: 1.6rem 1.6rem;background-repeat: no-repeat;
}
.li-comment .li-text{position: relative; background: #F5F8FA; padding: .32rem .48rem .48rem;border-radius: .32rem;margin: .28rem 0 0;color: #0071D1;}
.li-comment .li-text:after{
	content: ' ';position: absolute;top: -.2rem;left: 1.12rem; width: .4rem;height: .4rem;background: #F5F8FA;-webkit-transform:rotate(45deg); transform:rotate(45deg);
}
.li-comment  a{margin-bottom: .48rem;}
.li-comment .li-info{padding-left: 1.92rem;}
.textStateDown{position: relative; padding-right: .64rem; }
.textStateDown:after{content: " "; position: absolute; top: .24rem; right: 0; width: .56rem; height: .28rem; background-position: left -22.08rem; }
.textStateUp:after{top: .12rem; background-position: right -21.92rem; }
/* icon */
.li-video .li-pic .icon-play,.li-ask .icon-ask,.li-voice-wrap .li-voice-bar .icon-voice,
.head-search-btn,.header-icon-search,.sug-searchicon,.clear-val,.textStateDown:after,.stateDown{
	background-image: url('../../../images/youlai/patient/my/myhealthy_icons.png');
	background-size: 2rem 24rem;background-repeat: no-repeat;
}
/* video */
.video-div,.video-in{width: 100%;height: 7.72rem;}
.video-in{position: relative; display: block; overflow: hidden;}
.li-video .li-pic{position: relative;overflow: hidden;margin-bottom: .48rem;border-radius: .16rem; margin-top: .2rem;}
.li-video .li-pic .icon-play{position: absolute;top: 50%;left: 50%;width: 1.44rem;height: 1.44rem;margin: -.72rem 0 0 -.72rem;background-position: center -10rem;}
.li-video .video-time{position: absolute;bottom: .48rem;right: .48rem;padding: 0 .36rem;line-height: .8rem;font-size: .48rem;color: #fff;background: rgba(0,0,0,.6);border-radius: .8rem;}
.allb11-li-img, .allb11-li-video {position: absolute; top: 0; left: 0; right: 0; display: block; width: 100%; height: 7.72rem; overflow: hidden;}
.allb11-li-video {z-index: 1; opacity: 0;}
.allb11-li-img {z-index: 2;}
.allb11-li-video video, .allb11-li-img img {width: 100%; height: 100%;}
.allb11-li-video video {object-fit: cover;}

/* 语音播放按钮 */
.li-voice-wrap .li-voice-bar .icon-voice{width: .76rem;height: .72rem;background-position: center -18.92rem;margin-right: .36rem;}
.li-voice-wrap .li-voice-bar .play{
	background-image: url('../../../images/youlai/patient/icon/voiceplay/list_voice_play.gif');
	background-repeat:no-repeat; background-size:.96rem .96rem;background-position: -.08rem -.08rem;
}
.li-voice-wrap .li-voice-bar .loading{ 
	background-image: url('../../../images/youlai/patient/icon/voiceplay/list_voice_loading.gif');
	background-size:.72rem .72rem;background-repeat: no-repeat;background-position: 0 0;
}
.li-voice-wrap .li-voice-bar .error{
	background-image: url('../../../images/youlai/patient/icon/voiceplay/list_voice_error.png');
	background-size:.72rem .72rem;background-repeat: no-repeat;background-position: 0 0;
}

/* 关注nav */
.follow-nav-wrap{padding: .32rem .48rem;}
.follow-nav-in{position: relative;padding: .32rem .48rem; background: #fff;border-radius: .32rem;box-shadow: 0 0.08rem 0.52rem 0 rgba(1, 89, 177, 0.26);}
.follow-nav-in:after {content: ' '; position: absolute; top: -.2rem; left: 4.92rem; width: .4rem; height: .4rem; background: #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.follow-header .follow-nav-in:after{display: none;}
.nav-swiper{padding-right: .88rem;}
.nav-swiper .swiper-container {position: relative;width: 100%;height: 1.36rem;}
.nav-swiper .swiper-slide {text-align: center; font-size: 18px; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; -webkit-justify-content: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; -webkit-align-items: center; align-items: center; width: auto;}
.nav-all-con{display: none;}
.nav-all-con ul{height: 9rem; overflow-y: scroll;}
.nav-swiper .swiper-slide a,
.nav-all-con ul li a{display: block; padding: 0 .64rem;height: 1.28rem;background: rgba(0, 137, 228, 0.02); border:.04rem solid #E0E0E0;border-radius: .16rem; font-size: .56rem;color: #999; line-height: 1.28rem;margin-right: .48rem;}
.nav-swiper .swiper-slide a.curr,
.nav-all-con ul li a.curr{background: #cce7fa;border:.04rem solid #cce7fa;color: #0089E4;}
.nav-swiper .swiper-container{bottom: 0;}

.nav-all{position: absolute;top: 0;right: -.2rem;width: 1.52rem;height: 1.34rem;background: #fff;z-index: 100;}
.stateDown{display: block; width: .96rem; height: .96rem;margin:.2rem 0 0 .44rem; background-position: center -4rem; }
.nav-all-con{background: #fff; position: relative; z-index: 99;}
.nav-all-con ul li{float: left;}
.nav-all-con ul li a{margin-bottom: .32rem;}
.nav-fix-black{display: none; position: fixed;top: 0;left: 0;right: 0;bottom: 0;background: rgba(0,0,0,.5);z-index: 3;}
.bg-white{background: #fff;}
.healthy-setup-btn{display: block; padding: 0 .48rem; border: .04rem solid #0071D1; font-size: .56rem; color: #0071D1; line-height: .96rem; border-radius: .96rem;margin: .4rem  -.88rem .28rem 0;}












